<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加地址</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/lCalendar.css">
		<link rel="stylesheet" type="text/css" href="css/xiaoma.css"/>
		<link rel="stylesheet" type="text/css" href="css/querendingdan.css"/>
		<link rel="stylesheet" type="text/css" href="css/tianjiadizhi.css"/>
		<script>
			var iScale = 1;
			iScale = iScale / window.devicePixelRatio;
			document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">')
		</script>
		<!--动态设置文字大小-->
		<script>
			var iWidth = document.documentElement.clientWidth;
			document.getElementsByTagName('html')[0].style.fontSize = iWidth / 15 + 'px';
		</script>
		<style type="text/css">
			.swiper-slide-active{
				width: 8.8rem!important;
                height: 1.5rem!important;
	             color: #000000 !important;
            }
		</style>
	</head>
  <body>
  	<div id='header'>
   	  <div class="header-yi">
   	  	<a href="javascript:void(0);" onClick="window.history.back(-1);"><img src="img/2452.png" alt="" /></a>
   	  </div>
   	  <div class="header-er">添加地址</div>
   	  <div class="header-san">
   	  	<img src="img/74275.png" alt="" />
   	  </div>
   </div>
   <div id="sectionss">
   	 <div id="main">
   	 	<div class="tian-head">
   	 	  <div></div>
   	 	  <span>联系人</span>
   	 	</div>
   	 	<div class="beikuang"></div>
   	 	<div class="tian-ren">
   	 		<ul>
   	 			<li class="ren-ti">
   	 				<span>姓名</span>
   	 				<input type="text" value="输入订餐人姓名" id="text1" onfocus="javascript:this.value=''">
   	 			</li>
   	 			<li class="ren-er">
   	 				<div class="nan">
   	 					<input name="Ren" type="radio" value="1" /> 
   	 					<img src="img/425423.png" alt="" />
   	 					<span>男士</span>
   	 				</div>
   	 				<div class="nu">
   	 					<input name="Ren" type="radio" id="nu" value="2"/>
   	 					<img src="img/425423.png" alt="" />
   	 					<span>女士</span>
   	 				</div>
   	 			</li>
   	 			<li class="ren-san">
   	 				<span>手机号</span>	
   	 				<input type="text"  id="text4" value="输入手机号" onfocus="javascript:this.value=''"/>
   	 			</li>
   	 		</ul>
   	 	</div>
   	 	<div class="tian-zi">
   	 		<div class="tian-head">
   	 	        <div></div>
   	 	        <span>配送地址</span>
   	 	    </div>
   	 	    <div class="beikuang"></div>
   	 	    <ul>
   	 	    	<li class="di-yi">
   	 	    		<span>所在园区</span>
   	 	    		<div id="text2">请选择区域</div>
   	 	    		<!-- <input type="text"  id="text2" value="请选择区域"    name="input_date"/> -->
   	 	    	</li>
   	 	    	<li class="di-er">
   	 	    		<span>楼号-门牌号</span>
   	 	    		<input type="text" name="" id="text3" value="例：10号楼427室" onfocus="javascript:this.value=''"//>
   	 	    	</li>
   	 	    </ul>
   	 	</div>
   	 	<div class="tian-zi">
   	 		<div class="tian-head">
   	 	        <div></div>
   	 	        <span>送达时间</span>
   	 	    </div>
   	 	    <div class="beikuang"></div>
   	 	    <ul>
   	 	    	<li class="di-yi">
   	 	    		<span>时间</span>
   	 	    		<input id="demo3" class="text5" type="text" readonly="" name="input_date" value="" />
   	 	    	</li>
   	 	    </ul>
   	 	</div>
   	 	<div class="tian-footer">保存</div>
   	 </div>
   </div>
   <div id="diahua"> <!--//拨打电话-->
   	  <div id="diahua-main">
   	  	 <div class="dianhua-head">
   	   	    <img src="img/20170329114004.png" alt="" />
   	   	    <span>拨打电话</span>
   	    </div>
   	    <div class="dianhua-main">
   	   	   <ul>
   	   	  	<li>配餐电话:13659789562</li>
   	   	  	<li>客服电话:0377-25987456</li>
   	   	   </ul>
   	     </div>
   	   <div class="dianhua-xiao">取消</div>
   	  </div>
   	   
   </div>
   	<!--//修改区域-->
   <div id="quyu">
   	  <div class="quyu-main">
   	    <div class="quyu-head">
   	   	   <img src="img/11.png" alt="" />
   	   	   <span>请选择所在区域</span>
   	    </div>
   	    <div class="quyu-kuang"></div>
   	    <div id="qu-kuang">
   	        <div class="quyu-ul">
   			  <div class='swiper-wrapper '>
   				<div class="swiper-slide sl ">
   				    <span>二七区</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>金水区</span>
   				</div>
				<div class="swiper-slide sl ">
					<span>中原区</span>
				</div>
   				<div class="swiper-slide sl ">
   				    <span>惠济区</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>管城回族区</span>
   				</div>
   				<div class="swiper-slide sl">
   				    <span>上街区</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>中牟县</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>巩义市</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>荥阳市</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>新密市</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>新郑市</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>登封市</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>其他</span>
   				</div>
   			  </div>
   		    </div>
   	    </div> 
   	     <div class="quyu-anniu">
   	    	<span class="anniu-yi">取消</span>
   	    	<span class="anniu-er">确定</span>
   	    </div>
   	  </div>
   </div>
   <script src="js/jquery-1.11.1.js" type="text/javascript"></script>  
   <script src="js/swiper.js" type="text/javascript"></script>  
   <script src="js/mui.min.js" type="text/javascript"></script>
   <script src="js/mui.picker.min.js" type="text/javascript"></script>
   <script src="js/lCalendar.js"></script>
   <script src="js/tianjiadizhi.js" type="text/javascript"></script>
   <script src="js/dianhua.js" type="text/javascript"></script>
    <script>
            initradio('Ren',1);
    </script>
  </body>
</html>
